import { PageContainer } from '@ant-design/pro-components';
import { useModel } from 'umi';
import { Card, Typography, Empty, Button } from 'antd';
import { Flex } from 'antd';
import React from 'react';

const { Title, Paragraph } = Typography;

const Company: React.FC = () => {
  const { initialState } = useModel('@@initialState');
  
  return (
    <PageContainer>
      <Card>
        <Flex vertical align="center" gap="middle">
          <Empty 
            image={Empty.PRESENTED_IMAGE_SIMPLE}
            description={
              <Typography>
                <Title level={4} style={{ marginBottom: 8 }}>功能暂未开发</Title>
                <Paragraph type="secondary" style={{ margin: 0 }}>
                  该功能正在开发中，敬请期待...
                </Paragraph>
              </Typography>
            }
          />
          <Button type="primary" onClick={() => window.history.back()}>
            返回上一页
          </Button>
        </Flex>
      </Card>
    </PageContainer>
  );
};

export default Company;